.tip-bg {
	position: fixed;
	width: 100%;
	height: 98rpx;
	z-index: 199;
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 28rpx;
	font-weight: 500;
	top:108px;// 104rpx;
	.icon{
		margin-left: 50rpx;
		width: 44rpx;
		height: 44rpx;
	}
	.text{
		width: 72%;
		color: #333333;
		margin-left: 20rpx;
		margin-right: 20rpx;
		overflow: hidden;
		-webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		display: -webkit-box;
	}
}
.noticeTip {
	width: 149rpx;
	height: 41rpx;
	z-index: 99;
	//background-color: #fff;
	border-radius: 100rpx 0 0 100rpx;
	// border: 2rpx solid #FE005A;
	border-right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30rpx;//22rpx;
//	color: #333;
	font-weight: 500;
	position: absolute;
	top:180rpx;// 104rpx;
	right: 0;
	// z-index: 10;
}
.shipingTip1 {
	position: absolute;
	top: 920rpx;
	right: 0;
	z-index: 10;
}
.shipingTip {
	width: 119rpx;
	height: 41rpx;
	background-color: #fff;
	border-radius: 100rpx 0 0 100rpx;
	border: 2rpx solid #FE005A;
	border-right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22rpx;
	color: #333;
	font-weight: 400;
// 	position: absolute;
// 	top: 864rpx;
// 	right: 0;
// 	z-index: 10;
 }
.foot {
	width: 100vw;
	height: 135rpx;
	background-color: #fff;
	padding: 0 40rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 10;
	
	.price {
		margin-right: 29rpx;
		color: #000;
		font-weight: 400;
		text {
			font-size: 48rpx;
		}
		text.unit {
			font-size: 36rpx;
		}
	}
	.buy-bottom{
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 670rpx;
		// justify-content: space-between;
		.buy-price{
			font-size: 44rpx;
		}
		.buy-btn {
		    text-align: center;
			width: 290rpx;
			height: 80rpx;
			line-height: 80rpx;
			border-radius: 100rpx;
			font-size: 32rpx;
			color: #333333;
			font-weight: 400;
			margin-left: auto;
			margin-right: 10rpx;
		}
	}
	.btn-center{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 89vw;
	}
	.btn {
		width: 560rpx;
		height: 80rpx;
		// background: linear-gradient(308deg, #FE0058 0%, #FF5B6C 100%);
		border-radius: 100rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 32rpx;
		color: #333333;
		font-weight: 400;
		margin: 0 auto;
	}
	.btn.smail {
		width: 470rpx;
		margin: 0;
	}
	.disabled {
		background-color: #9294A5 !important;
	}
}

.xuzhi_content {
	font-size: 28rpx;
	color: #141519;
	font-weight: 400;
	line-height: 40rpx;
}

.content_box {
	width: 100%;
	margin-top: 20rpx;
}

.article_tilte {
	width: 110rpx;
	height: 26rpx;
}
.copyright-view{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 40rpx;
}
.block_info {
	width: 100%;
	// height: auto;
	height: auto;
	// background:#FDF7FB;// rgba(255, 255, 255, .9);
	border-radius: 40rpx;
	// border: 1rpx solid #FFF0F2;
	padding: 15rpx 20rpx;
	overflow: hidden;
	margin-bottom: 20rpx;
	.block_item {
		width: 100%;
		// padding: 20rpx 0;
		// border-bottom: 1rpx solid #DCDCDC;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.block_label {
			color: #333333;
			font-size: 26rpx;
			text {
				color: #000;
				margin-left: 14rpx;
			}
		}
		.block_value {
			font-size: 26rpx;
			  display: flex;
			  padding: 0 10rpx;
			  align-items: center;
			  justify-content: center;
		 
			width:auto;// 160rpx;
			max-width: 300rpx;
			text-align: center;
			height: 54rpx;
			// background: #FFE5E8;
			// border: 1px solid #ffc1c2;
			// border-radius: 10rpx;
			.text {
				text-align: right;
				width: 252rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
			.icon {
				width:26rpx ;//18rpx;
				height: 22rpx;
				display: block;
				margin-left: 10rpx;
			}
		}
		.block_icon {
			display: flex;
			align-items: center;
			text {
				font-size: 24rpx;
				color: #999;
				font-weight: 400;
			}
			image {
				width: 20rpx;
				height: 20rpx;
				display: block;
				margin-left: 10rpx;
			}
		}
		.big_value{
			font-size: 32rpx;
			font-weight: bold;
			color: #333;
		}
		.see_sale_record{
			height: 36rpx;
			background: #F5F4F9;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 6rpx 6rpx 6rpx 6rpx;
			font-size: 20rpx;
			font-weight: 400;
			color: #666666;
			margin-left: 10rpx;
		}
	}
	& > view:last-child {
		border-bottom: 0;
	}
}

.authorWrap {
	width: 100%;
	padding: 20rpx 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	.item {
		width:320rpx; //325rpx;
		height: 148rpx;
		//background: linear-gradient(45deg, #FFFFFF 0%, #FFE4E8 100%);
		border-radius: 20rpx;
		// border: 1rpx solid #FFF0F2;
		padding:20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.intro {
			padding-top: 20rpx;
			.title {
				width:81rpx;
				display: block;
				margin-bottom: 20rpx;
			}
			.user {
			    margin-top: 16rpx;
				display: flex;
				align-items: center;
				image {
					width: 42rpx;
					height: 42rpx;
					display: block;
					border-radius: 50%;
				}
				text {
					font-size: 24rpx;
				
					color: #666;
					margin-left: 6rpx;
				}
			}
			.user_black {
				width:100%;
			    margin-top: 16rpx;
				display: flex;
				align-items: center;
				font-size: 22rpx;
				color: #fff;
				image {
					width: 42rpx;
					height: 42rpx;
					display: block;
					border-radius: 50%;
					margin-top: -46rpx;
				}
				text {
					font-size: 30rpx;
					margin-left: 6rpx;
				}
			}
		}
		.icon {
			width: 28rpx;
			height: 28rpx;
			display: block;
		}
	}
}
.manghe_show {
	width: 100%;
	background: rgba(255, 255, 255, .9);
	border-radius: 20rpx;
	border: 1rpx solid #FCC9CB;
	padding: 30rpx 20rpx;
	.title {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 33rpx;
		.icon {
			width: 110rpx;
			height: 26rpx;
			display: block;
		}
		.text {
			font-size: 24rpx;
			color: #999;
			font-weight: 400;
		}
	}
	.item_show {
		width: 100%;
		height: 160rpx;
		background-color: #fff;
		border-radius: 20rpx;
		border: 1rpx solid #E98589;
		padding: 20rpx 0 20rpx 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 20rpx;
		.item_show_img {
			width: 120rpx;
			height: 120rpx;
			border-radius: 10rpx;
		}
		.item_info {
			flex: 1;
			margin: 0 10rpx;
			.goods_name {
				font-size: 28rpx;
				color: #141519;
				font-weight: bold;
				margin-bottom: 10rpx;
			}
			.rate {
				font-size: 24rpx;
				color: #000;
				font-weight: 400;
			}
		}
		.level_img {
			height: 165rpx;
			width: 153rpx;
		}
	}
	& > view:last-child {
		margin-bottom: 0;
	}
}
.details_box {
	width: 100%;
	padding: 0 40rpx;
	margin-top: 20rpx;
}

.cont-box{
	width: 100%;
	height: auto;
	background: rgba(255, 255, 255, .9);
	border-radius: 20rpx;
	border: 1rpx solid #DCDCDC;
	padding: 30rpx;
	margin-top: 20rpx;
}
.cont-box_black{
	width: 100%;
	height: auto;
	background: #000;
	border-radius: 20rpx;
	// border: 1rpx solid #DCDCDC;
	padding: 30rpx;
	margin-top: 20rpx;
}

.goods_name_box {
	width: 100%;
	padding: 0 40rpx;
	position: relative;
	z-index: 10;
	.price_box {
		width: 100%;
		min-height: 176rpx;
		border-radius: 20rpx;
		background: linear-gradient(234deg, #E8B9FD 0%, #FBA5B4 100%);
		.goods_name {
			width: 100%;
			position: relative;
			z-index: 2;
			.name_bg {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
			}
			.goods_name_info ,.goods_name_info1{
				width: 100%;
				height: auto;
				background-color: rgba(255, 255, 255, .9);
				border-radius: 20rpx;
				padding: 20rpx 20rpx 28rpx;
				border: 1rpx solid #FCC9CB;
				.goods_name_info_bg{
					position: absolute;
					top: 0;
					bottom: 0;
					width: 100%;
					z-index: 0;
				}
				.goods_name_text {
					font-size: 28rpx;
					color: #141519;
					font-weight: 400;
				}
				.nums_box {
					display: flex;
					align-items: center;
					margin-top: 12rpx;
					.data {
						margin-right: 20rpx;
						.box2{
							display: flex;
							align-items: center;
							flex-direction: row;
						}
					}
					.data.big {
						.label {
							width: 90rpx;
						}
					}
					& > view:last-child {
						margin-right: 0;
					}
				}
			}
		}
		.price {
			padding: 20rpx 20rpx;
			font-size: 50rpx;
			color: #5E1C1C;
			font-weight: bold;
		}
		.priceStata{
			font-size: 38rpx;
			color: #000000;
		}
	}
	.price_boxblack{
		margin-top: -120rpx;
		width: 100%;
		// min-height: 176rpx;
		// background-image: linear-gradient(to bottom, #BBDC69, transparent);
		border-radius: 20rpx;
		.goods_name {
			width: 100%;
			position: relative;
			z-index: 2;
			.goods_name_info,.goods_name_info1{
				width: 100%;
				height: auto;
				display: flex;
				flex-direction: column;
				align-items: center;
				padding: 20rpx 20rpx 28rpx;
				.goods_name_text {
					font-size: 36rpx;
					color: #fff;
				}
				.nums_box {
					display: flex;
					flex-direction: row;
					margin-top: 20rpx;
					width: 100%;
					.data {
						margin-right: 20rpx;
						width: 100%;
						.box{
							width: 100%;
							display: flex;
							flex-direction: column;
							align-items: center;
							.box2{
								display: flex;
								flex-direction: row;
								align-items: center;
								 width: 60%;
								 height: 50rpx;
								.label{	
									padding: 0 20rpx 0 20rpx;
									display: flex;
									align-items: center;
									justify-content: center;
									width:60%;// 100%;
									height: 100%;
									color: #333333;
									font-size: 28rpx;
									font-weight: 800;
									border-top-left-radius:50rpx;
									border-bottom-left-radius:50rpx;
									background: linear-gradient(to right, #ECC58B 10%, #FFECC4 90%);
								}
								.num{	
									display: flex;
									align-items: center;
									justify-content: center;
									width: 100%;
									height: 100%;
									font-size: 28rpx;
									border-top-right-radius:50rpx;
									border-bottom-right-radius:50rpx;
									background: #313131;
									padding: 0 20rpx 0 20rpx;
								}
							}
							
						}
					}
					.data.big {
						.label {
							width: 90rpx;
						}
					}
					& > view:last-child {
						margin-right: 0;
					}
				}
			}
		}
		.price {
			padding: 20rpx 20rpx 24rpx;
			font-size: 50rpx;
			color: #fff;
			font-weight: bold;
			.price_right{
				float: right;
				margin-top: -25rpx;
				font-weight: 300;
			}
		}
	}
}
.linear_box{
    width: 100%;
	height: 403rpx;
		background: linear-gradient(0deg, #55CC7C 0%, #F5F97F 100%);
		// linear-gradient(0deg, #55CC7C, #F5F97F) 10 10;
		 
}
.white_box{
		background-color: #fff;
}
.collect_img_box {
	width: 100%;
	// height: 850rpx;
	z-index: 1;
	//padding: 106rpx 0 0;
	display: flex;
	align-items: center;
	
	justify-content: center;
	flex-direction: column;
	opacity:1;
	.imgCont {
		width: 420rpx;
		height: 420rpx;
		border-radius: 40rpx;
		padding: 6rpx;
	}
	.collect_image {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 30rpx;
	}
	.taizi_img {
		width: 560rpx;
		width: 590rpx;
		display: block;
		// margin-top: 10rpx;
		//margin: 22rpx auto ;
		margin: 85rpx auto 0;
	}
}

.collect_bg {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.other{
	display: flex;
	align-items: center;
	font-size: 24rpx;
	color: #999999;
	font-weight: 400;
}
	
.alert-border-purple {
	box-shadow: 2rpx 2rpx 12rpx 4rpx #51515166 !important;
	box-shadow: inset 0rpx 0rpx 50rpx 0rpx rgba(254, 162, 221, 0.91) !important;
	background-color: #fff !important;
}

.alert-border-black {
	border: 1px solid #FFD38C;
}
.alert-border-shadow-black {
	// box-shadow: inset 0rpx 0rpx 50rpx 0rpx rgba(88, 204, 123, 0.9) !important;
}
.store-view{
	display: flex;
	flex-direction: column;
	max-height: 1000rpx;
	margin: 0 40rpx;
	border-radius: 40rpx;
	width: 660rpx;
	.popup-title{
		width: 100%;
		margin-top: 40rpx;
		text-align: center;
	}
	.popup-subtitle{
		font-size: 28rpx;
		padding: 40rpx;
	}
}
	
page{
	// background: linear-gradient(44deg, #E6EFFC 0%, #EDE8F7 100%);
}
/deep/.uni-video-container {
    // width: 80% !important;	
	margin-top: 10rpx;
	width: 480rpx !important;
    height: 96%;
    background-color: #fff !important;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 7rpx;

    overflow: hidden;
    object-position: inherit;
}


	
.workTime{
	display: flex;
	flex-direction: column;
	align-items: center;
	.workContainer{
		display: flex;
		flex-direction: row;
		align-items: center;
		border-radius: 10rpx;
		font-size:32rpx;
		.title{
			padding: 16rpx 20rpx;
		}
		.subtitle{
			padding: 16rpx 20rpx;
		}
	}
}
.buy-progress{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20rpx;
	.progress{
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 36rpx;
		font-weight: bold;
		color: black;
		padding: 20rpx 60rpx;
		border-radius: 80rpx;
	}
}

@keyframes float-animation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.header-container{
	width:670rpx;
	// height: 500rpx;
	position: relative;
	display: flex;
    flex-direction: column;
	// justify-content: center;
	align-items: center;
	.cover-bg{
		width:100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		// margin-top: -700rpx;
	}
	.center-image{
		margin-top: 40rpx;
		width: 400rpx;
		height: 400rpx;
		border-radius: 20rpx;
		border: 1px solid #D5CAA7;
		image{
			margin: 20rpx;
			width: 360rpx;
			height: 360rpx !important;
			border-radius: 20rpx;
		}
		
		display: inline-block;
		animation: float-animation 5s infinite;
	}
	.taizi-img{
		width: 640rpx;
		height: 230rpx;
		display: block;
		margin: 50rpx auto 0;
	}
}